<script lang="ts">
  import { List, Li, A } from "flowbite-svelte";
</script>

<List tag="dl" class="mb-6 flex flex-wrap items-center justify-center">
  <Li>
    <A href="/" class="me-4 text-gray-700 hover:underline md:me-6 dark:text-white">About</A>
  </Li>
  <Li>
    <A href="/" class="me-4 text-gray-700 hover:underline md:me-6 dark:text-white">Premium</A>
  </Li>
  <Li>
    <A href="/" class="me-4 text-gray-700 hover:underline md:me-6 dark:text-white">Campaigns</A>
  </Li>
  <Li>
    <A href="/" class="me-4 text-gray-700 hover:underline md:me-6 dark:text-white">Blog</A>
  </Li>
  <Li>
    <A href="/" class="me-4 text-gray-700 hover:underline md:me-6 dark:text-white">Affiliate Program</A>
  </Li>
  <Li>
    <A href="/" class="me-4 text-gray-700 hover:underline md:me-6 dark:text-white">FAQs</A>
  </Li>
</List>
